<template>
	<div class="load-more-box">
		<div class="loading-gif-vas"></div>
		<span class="loading-more-text">正在努力加载</span>
	</div>
</template>
<style scoped="scoped">
	.load-more-box{
		position: relative;
		bottom: 0;
		height: 40px;
	    left: 0;
	    width: 100%;
		visibility: visible!important;
		text-align: center;
		
	}
	.loading-gif-vas{
		font-family: Muiicons;
		font-size: 40px;
		font-weight: 400;
		font-style: normal;
		line-height: 1;
		display: inline-block;
		text-decoration: none;
		-webkit-font-smoothing: antialiased;
		background-image: url(../../assets/images/loading.gif);
		background-size: 30px 30px;
		width: 30px;
		height: 30px;
		margin-top: 10px;
	}
	.loading-more-text{
	    display: inline-block;
		line-height: 1;
		font-size: 14px;
		overflow: visible;
	    position: relative;
		margin-top: 0;
		vertical-align: middle;
		height: 40px;
		line-height: 20px;
		color: #666666;
	}
</style>